<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字母查询页</title>
    <style>
         html{
    width: 100%;
    height: 100%;
    background:lightskyblue;
    overflow: hidden;
    font-style:sans-serif;
}
        h1{
        text-align: center!important;
        font-size: 4em;
        margin: 0.67em 0;
        }
          #row py-lg-5{
    text-shadow:0 0 10px;
    letter-spacing: 1px;
    text-align: center;
}
.col-sm-6{
    font-size: 3em;
    margin: 1em ;
text-align: center!important;
}
p{
    width: 1500px;
    height: 2000px;
    text-align: center;
}
input{
    width: 278px;
    height: 50px;
}
    </style>

</head>
<body>
<h1>元音字母查询页面</h1>

<section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">
          <form method='post' action="/result_vowels">

<div class="col-sm-6">
         Vowels:<br>
    <input  type="text" name="vowels">
    <br>
    Word:<br>
    <input  type="text" name="word">

            </div>
     <p><input type="submit" valeu="提交"></p>
</form>
      </div>
    </div>
  </section>
</form>
</body>
</html>